<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("button.append").click(function(){
		$("p").append("append内容");
	});

	$(".html").click(function(){
		$("p").html("html方法处理内容之后");
	});

	$("button[class=prepend]").click(function(){
		$("p").prepend("prepend方法操作内容");
	});

	$(".after").click(function(){
		$("p").after("after处理内容");
	});
	$(".before").click(function(){
		$("p").before("before处理内容");
	});
	$(".wrap").click(function(){
		$("p").wrap("<div class='wrap'>123</div>");
	});
	$(".wrapInner").click(function(){
		$("p").wrapInner("<div class='wrapInner'>123</div>");
	});
});
</script>
</head>

<body>
	<p>原始内容</p>
	<button class="append">点我执行append()</button>
	<button class="html">点我执行html()</button>
	<button class="prepend">点我执行prepend()</button>
	<button class="after">点我执行after()</button>
	<button class="before">点我执行before()</button>
	<button class="wrap">点我执行wrap()</button>
	<button class="wrapInner">点我执行wrapInner()</button>
</body>
</html>
